<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浅拷贝</title>
</head>
<body>
</body>
<script type="text/javascript">
    //拷贝  复制  数据是引用数据类型的数据   
    //浅拷贝
        // 复制的内容,修改数据会影响原来的数据
    //深拷贝
        // 复制的内容,修改数据不会影响原来的数据
  
    //1. 直接赋值
    // let yan = {
    //     name: '妍妮'
    // }
    // let ni = yan;
    // //修改属性
    // ni.name = 'yanni';
    // //打印
    // console.log(yan);
    // console.log(ni);
    
    //2. 数组
        // let arr = [1,2,3, {name: '老刘'}];
        // 1> concat
        // let res = [].concat(arr);

        // 2> slice
        // let res = arr.slice(0);
       
        // 3> 扩展运算符
        // let res = [...arr];

         // //修改新数据
        //  res[3].name = '远哥';

        // console.log(arr);
        // console.log(res)

    //3. 对象   Object.assign 对象的合并
        let obj = {
            name: '尚硅谷',
            pos: ['北京','上海','西安','武汉','深圳']
        };
        //创建新对象 Object.assign
        // let res = Object.assign({}, obj);
        //扩展运算符
        let res = {...obj}

        res.pos[0] = 'beijing';

        console.log(obj);
        console.log(res);

</script>
</html>